<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
	<title>JavaScript Viewfinder</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="js/jquery.viewfinder.js"></script>
</head>
<body>
	<div id="viewport">
		<div id="bg" class="object3d fixedsize"></div>
		<div id="bluebox" class="object3d thickness"></div>
		<div id="greenbox" class="object3d thickness"></div>
		<div id="purplebox" class="object3d thickness"></div>
		<div id="redbox" class="object3d thickness"></div>
		<div id="greybox" class="object3d thickness"></div>
		
		<div id="legend">
			Press 'W' to move forward<br/>
			Press 'S' to move backward<br/>
			Use mouse to move camera<br/>
			Use mouse wheel to zoom in/out<br/>
		</div>
	</div>
</body>
</html>